/**
 * Default CSS for Celebrio Mail
 *
 * @copyright  Copyright (c) 2011 Celebrio Software
 * @package    CelebrioMail
*/

html, body {margin:0px;padding:0px;}
fieldset {border:2px solid #749cff;}
input, label, textarea, option, checkbox, select, legend, button, p {font-size:20pt;}
.invisible {position:absolute;left:-10000px;}
.spinner150 {position:relative;left:100px;top:100px;}
.celebriomailapp {margin:0px auto;font-family:XXIISinozDSPRegular, "Trebuchet MS", "Geneva CE", lucida, sans-serif;}
.celebriomailapp p {font-size:20pt;padding:50px; border: 2px solid black;}
.celebriomailapp a {text-decoration:none;}
.celebriomailapp h1, .celebriomailapp h2, .celebriomailapp legend {font-family:XXIISinozDSPMedium;font-weight:normal;}
.celebriomailapp_menu {font-family:XXIISinozDSPMedium;float:left;width:210px;font-size:25pt;overflow:visible;}
.celebriomailapp_menu ul {list-style-type:none;display:block;position:relative;left:-40px;top:-32px;}
.celebriomailapp_menu li {display:block;height:130px;width:200px;background:url("../shared/light_background.png");margin: 0 10px 10px 0;}
.celebriomailapp_menu a {color:#000;text-decoration:none;display:block;width:100%;height:100%;}
.celebriomailapp_menu a span {position:relative;top:65px;left:-5px;}
#celebriomailapp_menuactive {margin-right:0px;width:210px;}
.celebriomailapp_menu div {height:100%;width:100%;background-repeat:no-repeat;position:relative;top:15px;left:10px;}
.celebriomailapp_newbutton {background:url("images/mail_new.png");}
.celebriomailapp_inboxbutton {background:url("images/mail_inbox.png");}
.celebriomailapp_sentbutton {background:url("images/mail_sent.png");}
.celebriomailapp_settingsbutton {background:url("../shared/settings_button.png");}
.celebriomailapp_body {margin:-5px 0px 0px 210px;}
#celebriomailapp_contents {overflow:auto;height:100%;background:url("../shared/light_background.png");}
.celebriomailapp_mailheaders {border-collapse:collapse;width:100%;}
.celebriomailapp_mailheaders td {font-size:20pt;margin-bottom:20px;border:0px solid #749cff;border-bottom-width:2px;}
.celebriomailapp_mailheaders thead {position:absolute;left:-5000px;}
.celebriomailapp_mailheaders tr {cursor:hand;cursor:pointer;height:80px;margin-bottom:20px;}
.celebriomailapp_fromname {padding-left:30px;}
.celebriomailapp_subject {padding-left:10px;}
.celebriomailapp_date {padding-left:10px;}
.celebriomailapp_unread {background:url("../shared/light_background.png");}
.celebriomailapp_mailview div {height:40px;overflow:auto;font-size:20pt;margin-left:5px;}
.celebriomailapp_mailview iframe {width:100%;height:100%;border:none;margin:5px;}
.celebriomailapp_status {color:red;}
.celebriomailapp_body form table th {text-align:right;}
.celebriomailapp_settingscontents {padding:0px 30px;overflow:auto;}
.celebriomailapp_activeaccounts ul {list-style-type:none;display:block;position:relative;left:-40px;}
.celebriomailapp_activeaccounts a {font-size:20pt;color:#000;}
.celebriomailapp_compatibility {visibility:hidden;background:#fff;padding:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
    -moz-box-shadow:4px 4px 5px #888;-webkit-box-shadow:4px 4px 5px #888;box-shadow:4px 4px 5px #888;padding-bottom:20px;margin:5px;}
.celebriomailapp_compatibility span {padding-right:30px;}
.celebriomailapp_compatibility {font-size:30pt;color:#888;}
.celebriomailapp_compose {padding:30px;}
.celebriomailapp_person {background:center no-repeat;width:85px;height:120px;float:left;}
.celebriomailapp_person div {background:#82C709;margin-top:60px;height:50px;text-align:center;font-weight:normal;
                            color:#000;text-decoration:none;font-size:12pt;}
.celebriomailapp_mailpickering {border:5px solid transparent;width:85px;height:120px;display:block;}
#peoplepicker {width:300px;}

.celebriomailapp_attachment {display: block; margin: 15px 0 0 0;}
.celebriomailapp_attachment_sample img {width: 100px;}

.jcarousel-skin-tango .jcarousel-container {}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 700px;
}

.jcarousel-skin-tango li {
    float:left;
    list-style: none;
}
.jcarousel-skin-tango ul {padding:0px;}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  700px;
    height: 130px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 95px;
    height: 130px;
}